<template>

  <div class="card">
    <button type="button" @click="count++">count is {{ count }}</button>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="success">成功按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <div class="loginSty">
        <div class="head">标题</div>
    </div>
  </div>
</template>

<script setup lang="ts">
    import { ref } from 'vue'

    const count = ref(0)
</script>

<style scoped lang="scss">
    .loginSty {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100px;
    height: 100px;
    background-color: pink;
    }
    .read-the-docs {
    color: #888;
    }
</style>
